24 Sticky Nav 中文指南
通过为指定元素设置样式即可将其固定至页面指定位置。代码编写中配合监听页面滚动事件,判断页面的当前滚动位置,动态切换指定元素的属性即可。
1.获取导航栏相对于整个文档的位置,将其记录为切换点
2.编写动态改变导航栏样式的函数
页面内锚点滚动也是常见的功能之一,当使用哈希跳转来实现时,往往会显得很突兀(中已添加锚点,点击导航栏按钮即可看到效果)。我们更希望实现页面的平滑过渡(jQuery中可轻松实现,不过还是建议自己造一下试试),实现的方法即为使用函数来平滑改变窗口滚动位置至目标位置。